<template>
  <article class="box blog-post">
    <h1 class="is-size-1 has-text-centered">{{title}}</h1>
    <div v-html="content" class="markdown"></div>
  </article>
</template>

<script>
export default {
  props: {
    title: { type: String, default: "Title" },
    content: { type: String, default: "" }
  }
};
</script>

<style lang="scss" scoped>
.box{
  padding: 1rem 3rem 2rem;
}
</style>